import Vue from 'vue'
import Router from 'vue-router'

import Index from '../pages/index.vue'

import ProductionList from '../pages/production/list.vue'
import ProductionDetail from '../pages/production/detail.vue'
import ProductionTest from '../pages/production/test.vue'

import DemoBox from '../pages/demo/box.vue'
import DemoBar from '../pages/demo/bar.vue'
import DemoCanvas from '../pages/demo/canvas.vue'
import DemoTable from '../pages/demo/table.vue'
import DemoHamburger from '../pages/demo/hamburger.vue'
import DemoHamburger2 from '../pages/demo/hamburger2.vue'
import DemoFlow from '../pages/demo/flow.vue'
import DemoTriangle from '../pages/demo/triangle.vue'
import DemoIcon from '../pages/demo/icon.vue'
import DemoArrow from '../pages/demo/arrow.vue'
import DemoPlanet from '../pages/demo/planet.vue'
import DemoThank from '../pages/demo/thank.vue'
import DemoStar from '../pages/demo/star.vue'
import DemoBird from '../pages/demo/bird.vue'
import DemoWeather from '../pages/demo/weather.vue'
import DemoFace from '../pages/demo/face.vue'
import DemoBox2 from '../pages/demo/box2.vue'
import DemoCard from '../pages/demo/card.vue'
import DemoFlowInto from '../pages/demo/flow-into.vue'
import DemoGalaxy from '../pages/demo/galaxy.vue'

import TestForm from '../pages/test/form.vue'
import TestIndex from '../pages/test/index.vue'
import TestDemo1 from '../pages/test/demo1.vue'
import TestGalaxy from '../pages/test/galaxy.vue'
import TestTable from '../pages/test/table.vue'
import TestSun from '../pages/test/sun.vue'
import TestNav from '../pages/test/nav.vue'
import TestMult from '../pages/test/mult.vue'
import TestJson from '../pages/test/json.vue'

import FormIndex from '../pages/form/index.vue'

import RxIndex from '../pages/rx/index.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      name: 'Index',
      path: '/',
      component: Index
    },
    // 商品列表
    {
      name: 'ProductionList',
      path: '/production',
      component: ProductionList,
    },
    // 具体商品
    {
      name: 'ProductionDetail',
      path: '/production/:id',
      component: ProductionDetail
    },
    {
      name: 'test',
      path: '/test',
      component: ProductionTest
    },
    {
      name: 'DemoBox',
      path: '/demo/box',
      component: DemoBox
    },
    {
      name: 'DemoBar',
      path: '/demo/bar',
      component: DemoBar
    },
    {
      name: 'DemoCanvas',
      path: '/demo/canvas',
      component: DemoCanvas
    },
    {
      name: 'DemoTable',
      path: '/demo/table',
      component: DemoTable
    },
    {
      name: 'DemoHamburger',
      path: '/demo/hamburger',
      component: DemoHamburger
    },
    {
      name: 'DemoHamburger2',
      path: '/demo/hamburger2',
      component: DemoHamburger2
    },
    {
      name: 'DemoFlow',
      path: '/demo/flow',
      component: DemoFlow
    },
    {
      name: 'DemoTriangle',
      path: '/demo/triangle',
      component: DemoTriangle
    },
    {
      name: 'DemoIcon',
      path: '/demo/icon',
      component: DemoIcon
    },
    {
      name: 'DemoArrow',
      path: '/demo/arrow',
      component: DemoArrow
    },
    {
      name: 'DemoPlanet',
      path: '/demo/planet',
      component: DemoPlanet
    },
    {
      name: 'DemoThank',
      path: '/demo/thank',
      component: DemoThank
    },
    {
      name: 'DemoStar',
      path: '/demo/star',
      component: DemoStar
    },
    {
      name: 'DemoBird',
      path: '/demo/bird',
      component: DemoBird
    },
    {
      name: 'DemoWeather',
      path: '/demo/weather',
      component: DemoWeather
    },
    {
      name: 'DemoFace',
      path: '/demo/face',
      component: DemoFace
    },
    {
      name: 'DemoBox2',
      path: '/demo/box2',
      component: DemoBox2
    },
    {
      name: 'DemoCard',
      path: '/demo/card',
      component: DemoCard
    },
    {
      name: 'DemoFlowInto',
      path: '/demo/flowInto',
      component: DemoFlowInto
    },
    {
      name: 'DemoGalaxy',
      path: '/demo/galaxy',
      component: DemoGalaxy
    },
    {
      name: 'TestForm',
      path: '/test/form',
      component: TestForm
    },
    {
      name: 'TestIndex',
      path: '/test/index',
      component: TestIndex
    },
    {
      name: 'TestDemo1',
      path: '/test/demo1',
      component: TestDemo1
    },
    {
      name: 'TestGalaxy',
      path: '/test/galaxy',
      component: TestGalaxy
    },
    {
      name: 'TestTable',
      path: '/test/table',
      component: TestTable
    },
    {
      name: 'TestSun',
      path: '/test/sun',
      component: TestSun
    },
    {
      name: 'TestNav',
      path: '/test/nav',
      component: TestNav
    },
    {
      name: 'TestMult',
      path: '/test/mult',
      component: TestMult
    },
    {
      name: 'TestJson',
      path: '/test/json',
      component: TestJson
    },
    {
      name: 'FormIndex',
      path: '/form/index',
      component: FormIndex
    },
    {
      name: 'RxIndex',
      path: '/rx/index',
      component: RxIndex
    },
  ]
})
